﻿body{background: #fff;}

.index_wrap{max-width: 6.4rem;margin: 0 auto;position: relative;min-height: 100%;}
.birthdayWrap{background:#6b8e3a url(../images/mBanner_b1.jpg) top no-repeat;background-size:cover;}
.userInfo{position: absolute;top:2.3rem;left: 2.3rem;}
.userInfo_list{overflow: hidden;}
.userTx{float: left;width: 1rem;height: 1rem;border-radius:50% ;overflow: hidden;margin-right: 0.15rem;}
.userTx img{width: 100%;height: 100%;}
.userPersonal{overflow: hidden;}
.userPersonal h3{font-size: 0.24rem;color: #fff;padding-top: 0.1rem;padding-bottom: 0.15rem;}
.iconStar{width: 0.3rem;height: 0.3rem;display: inline-block;margin-right: 0.05rem;}

.bindPage{background: url(../images/bk_repeat.jpg);background-size:100% auto;}
.footer{text-align: center;color: #666;font-size: 0.2rem;}
.bindBox{padding: 0.2rem;}
.bindBox_info{border: 1px solid #2096da;background: #fff;border-radius:0.05rem ;}
.bindTitle{background: #2096DA;font-size: 0.24rem;padding: 0.14rem 0;text-align: center;color: #fff;}
.bindBoxForm{padding:0.35rem 0.2rem 0.2rem 0.2rem;}
.bind_item dl{overflow: hidden;padding-bottom: 0.2rem;}
.bind_item dl dt{float: left;font-size: 0.22rem;color: #333;width: 1.35rem;padding-top: 0.05rem;}
.bind_item dl dt em{color: #f00;padding-right: 0.05rem;}
.bind_item dl dd{margin-left: 1.4rem;}
.bindPut,.redForm_input{border: 1px solid #ddd;height: 0.50rem;padding: 0 0.15rem;color: #333;font-size: 0.22rem;outline: none;border-radius:0.05rem ;width: 90%;}
.btnGets{margin-right: 0.4rem;height: 0.5rem;line-height: 0.5rem;float: right;display: inline-block;background: #2096DA;color: #fff;font-size: 0.24rem;padding: 0 0.2rem;border-radius:0.05rem ;}
.jtips{font-size: 0.22rem;color: #333;line-height: 1.5;text-indent: 2em;}
.jBtn{padding: 0.2rem 0;}
.btn_post{height: 0.58rem;line-height: 0.58rem;display: block;border-radius:0.05rem ;font-size: 0.26rem;color: #fff;text-align: center;background: #2096DA;}
.eroBox p{font-size: 0.24rem;text-align: center;color: #f00;padding: 0.2rem 0 0.3rem 0;}
.flexBg{background: rgba(0,0,0,.5);position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 105;}
.comPop,.upPop{width: 5rem;left: 50%;top: 50%;margin: -1.4rem 0 0 -2.5rem;z-index: 108;background: #fff;box-shadow: 0 0px 15px #333;position: fixed;}
.popTitle{padding: 0.15rem;text-align: center;color: #2096DA;position: relative;border-bottom: 1px solid #2096DA;font-size: 0.24rem;}
.closePop{background: url(../images/close.png) center no-repeat;position: absolute;top: 0;right: 0;width: 0.6rem;height: 100%;background-size:0.28rem 0.28rem;}
.comPop_info{padding: 0.5rem 0.15rem;}
.comPop_info p{text-align: center;color: #333;font-size: 0.22rem;}

.PopBtn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-top: 1px solid #ddd;}
.PopBtn a{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding: 0.15rem 0;color: #2096DA;font-size: 0.24rem;text-align: center;}

.netBindWrap{background: url(../images/netBanner.jpg) no-repeat;background-size:cover;}
.netBindWrap .userInfo{top: 2.6rem;}
.netBindWrap .userPersonal h3{color: #333;}
.ruleBox{padding:0.1rem 0.3rem;}
.ruleBox_info p{font-size: 0.22rem;color: #fff;padding-bottom: 0.05rem;line-height: 1.5;}
.ruleBox .footer{font-size: 12px;padding-top: 0.1rem;color: #ccc;}
.ruleTis{font-size: 0.24rem;color: #fff;border-bottom: 1px solid #fff;position: relative;margin: 0.3rem 0;}
.ruleTis span{position: absolute;top: -0.035rem;left: 50%;padding: 0 0.35rem;background: #e21c2d;-webkit-transform: translate(-50%,-50%);}
.tabsMenu{overflow: hidden;}
.tabsMenu li{background: #FBC527;padding: 0.15rem 0;text-align: center;color: #fff;font-size: 0.24rem;border-radius:0.1rem 0.1rem 0 0 ;width: 48%;}
.fl{float: left;}
.fr{float: right;}
.main{padding: 0.2rem;}
.tabs_content{background: #FCF0C6;min-height: 2.5rem;border-radius:0 0 0.1rem 0.1rem;padding-bottom: 0.2rem;}
.tabs_item li{border-bottom: 1px solid #999;padding: 0.2rem;}
.tabs_item li:last-child{border-bottom: 0;}
.dsTips{text-align: center;font-size: 0.24rem;color: #333;padding: 0.2rem;border-bottom: 1px solid #999;}
.dsTips span{color: #550100;padding: 0 0.1rem;}
.userJdk{overflow: hidden;position: relative;}
.jnums{font-size: 0.24rem;color: #900;position: absolute;top: 50%;right: 0;margin-top: -0.18rem;}
.userJdk .userTx{width: 0.9rem;height: 0.9rem;}
.userJ{overflow: hidden;}
.userJ h3{color: #900;font-size: 0.24rem;padding: 0.1rem 0;}
.userJ p{color: #333;font-size: 0.22rem;}
.userJ p span{padding-left: 0.1rem;}
.tabs_item{padding: 0 0.15rem;display: none;}
.tabsMenu li.active{background: #FCF0C6;color: #550100;}
.btnYlweBox{padding-bottom: 0.3rem;}
.btnYlwe{height: 0.68rem;line-height: 0.68rem;text-align: center;background: #fac426;color: #ce151a;font-size: 0.28rem;display: block;border-radius:0.05rem ;outline: none;box-shadow: 0 4px #ff8c04;}
.letter{background: url(../images/redPage.png) no-repeat;width: 3.3rem;height: 1.9rem;background-size:100% 100%;position: relative;}
.letterBox{padding-bottom: 0.3rem;}
.letterInfo{margin-left: 1.25rem;text-align: center;padding-right: 0.15rem;padding-top: 0.25rem;}
.letterInfo h3,.letterInfo p{font-size: 0.24rem;color: #fff;padding-bottom: 0.1rem;}
.letterInfo p{font-size: 0.2rem;}
.letterInfo .btnYlwe{height: 0.56rem;line-height: 0.56rem;}
.jnumsCount{font-size: 0.23rem;color: #550100;position: absolute;top: 0.85rem;left: 0;}
.w50{width: 63%;}
.csPgae{background: #e21c2d url(../images/richredbag_bg2.png) no-repeat;background-size:100% auto ;}
.redPage{background: #C5090A url(../images/richredbag_2.jpg) 0 0.2rem no-repeat;background-size:100% auto ;height: 6.2rem;width: 5rem;border-radius:0.1rem;margin: 0 auto;margin-top: 1rem;}
.redForm_input{font-size: 0.24rem;background: #FCF0C6;text-align: center;border: none;height: 0.56rem;width: 100%;}
.redForm_item{padding-bottom: 0.18rem;}
.redForm_item .btnGets{height: 0.56rem;line-height: 0.56rem;background: #920202;margin-right: 0;padding: 0 0.3rem;}
.w8{width: 70%;}
.redForm{padding: 0.2rem;}
.redForm .btnYlwe{height: 0.6rem;line-height: 0.6rem;margin-top: 0.05rem;}
.redPage_info{padding-top: 1.2rem;}
.jtipsjdk{text-align: center;font-size: 0.24rem;color: #fff;padding-bottom: 0.2rem;}
.jtipsjdk span,.jtipsjdk em{color: #FDC003;padding: 0 0.1rem;}
.csNUms{text-align: center;margin: 0 0 1rem 0;font-size: 0.30rem;color: #fff;}

.tiqk{text-align: center;padding-bottom: 0.15rem;}
.tiqk img{width: 0.42rem;height: 0.42rem;}

.shareLayer{position: fixed;top: 0;right: 0;z-index: 1558;right: 0;text-align: right;}
.shareLayer img{width: 60%;}


.bounceIn{
-webkit-animation:bounceIn 1s .2s ease both;
-moz-animation:bounceIn 1s .2s ease both;}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}

/*new*/
.roatateBody{background: url(../images/gameBg.jpg) center no-repeat;background-size:100% 100%;min-height: 100%;overflow-x: hidden;padding-top: 0;}
#outercont{margin-top: 3.2rem;}
#endPrice{font-size: 0.32rem;color: #f00;}
.beginPlay{z-index: 20;background: url(../images/g_guid.png) center no-repeat;background-size:100% 100%;width: 1.97rem;height: 2.06rem;position: absolute;top: 50%;left: 50%;margin:-1.06rem 0 0 -1rem}
.rotate_main{margin: 0 auto;background: url(../images/rotate_bg.png) center no-repeat;background-size:100% 100%;width: 5.49rem;height: 5.49rem;margin-bottom: -0.1rem;}
.z_logo{background: url(../images/z_logo.png) center no-repeat;background-size:100% 100%;width: 5.21rem;height: 1.71rem;margin: 0 auto;margin-top: .3rem;}
#outer-cont{
	position: relative;
}
.light{-webkit-animation:rotateCiecle 25s .1s ease both infinite;-moz-animation:rotateCiecle 25s .1s ease both infinite;animation:rotateCiecle 25s .1s ease both infinite;background: url(../images/light.png) no-repeat;background-size:100% 100%;width: 5.20rem;height: 5.23rem;position: absolute;left: 50%;top: 50%;z-index: 9;margin: -2.6rem 0 0 -2.6rem;}
.utip{color: #f00;font-size: 0.20rem;}

.flexbg{background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;}
.common_pop{position: fixed;top: 50%;left: 50%;z-index: 1001;width: 4rem;background: #fff;margin: -1.6rem 0 0 -2rem;border-radius:0.1rem ;}
.pop_title{text-align: center;padding: 0.15rem 0;font-size: 0.26rem;color: #D01415;border-bottom: 1px solid #ddd;}
.common_pop_info{padding: 0.1rem 0.2rem;overflow-y: auto;min-height: 0.5rem;}
.common_pop_info p{font-size: 0.24rem;color: #666;line-height: 160%;word-wrap: break-word;word-break: break-all;}
.common_pop_btn{overflow: hidden;border-top: 1px solid #ddd;}
.sure_pop{float: left;width: 100%;padding: 0.15rem 0;display: block;text-align: center;color: #D01415;border-right: 1px solid #ddd;font-size: 0.26rem;}
.cancel_pop{float: right;width: 50%;padding: 0.15rem 0;display: block;text-align: center;color: #666;font-size: 0.26rem;}
.pop_dSuc,.pop_dSearch,.pop_dRule,.popTip{width: 5.6rem;margin-left: -2.8rem;}
.pop_dRule{margin-top: -3rem;}
.pop_rule{height: 5rem;overflow-y: auto;}
.pop_rule{padding: 0.3rem 0 0.2rem 0;}
.dcus{width:1.4rem;height: 1.4rem;margin:0 auto;display: block;margin-bottom: 0.16rem;}
.pop_dSuc .common_pop_info,.popTip .common_pop_info{padding: 0.3rem;}
.pop_dSuc .common_pop_info p,.popTip .common_pop_info p{text-align: center;line-height: 1.7;}
.btn_know{width: 58%;margin-top: 0.3rem;}
.closeDpop,.closeDns{background: url(../images/closeDns.png) no-repeat;background-size:100% 100%;z-index: 1005;width: 0.5rem;height: 0.5rem;position: absolute;top: -0.12rem;right: -0.2rem;}
.closeDns{right: 0.3rem;}
.dtitle{font-size: 0.34rem;color: #dc3d42;text-align: center;position: relative;height: 0.5rem;border-bottom:1px solid #dc3d42;}
.dtitle span{position: absolute;top: 0.18rem;left: 50%;background: #fff;padding: 0 0.18rem;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);transform: translate(-50%,0);}
.btn_day,.btn_search_d{display: block;width: 80%;margin: 0 auto;background: #ffb901;text-align: center;color: #fff;font-size: 0.32rem;height: 0.82rem;line-height: 0.82rem;border-radius:0.5rem ;}
.btn_day:active{background: #ffc327;}
.btn_know{width: 58%;margin-top: 0.3rem;}
.btn_day{border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.btn_day_out{background: #999;}
.btn_lq{height: 0.38rem;line-height: 0.4rem;text-align: center;background: #fac426;color: #ce151a;font-size: 0.22rem;display: block;border-radius:0.05rem ;
outline: none;box-shadow: 0 3px #ff8c04;display: inline-block;padding: 0 0.3rem;position: absolute;top: 50%;right: 0;margin-top: -0rem;}
.jnums{margin-top: -0.36rem;}
.schBox{background: #FCF0C6;padding: 0.2rem 0.2rem 0 0.2rem;border-radius:0.05rem ;}
.schBox dl{overflow: hidden;padding-bottom: 0.2rem;}
.schBox dl:last-child{border-bottom: 0;}
.schBox dl dt{width: 1rem;float: left;text-align: right;margin-right: 0.1rem;font-size: 0.24rem;color: #ec6c00;padding-top: 0.1rem;}
.schBox dl dd{margin-left: 1.2rem;;font-size: 0.24rem;color: #fff;}
.formEnter,.upFile{outline: none;width: 100%;background: #fff;width: 100%;padding: 0.12rem 0.15rem;color: #ec6c00;border: none;font-size: 0.24rem;border-radius:0.05rem ;
-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.selectEnter{background:#fff url(../images/icon_down.png) 98% no-repeat;background-size:0.24rem 0.14rem;color: #666;}
.pk{padding-left: .47rem;}
.formEnter::-webkit-input-placeholder{color: #999;}
.bsBtnBox{padding: 0.25rem 0 0.15rem 0;}
.btnYy{background: #ec6c00;color: #fff;border: none;font-size: 0.26rem;text-align: center;display: block;padding: 0.15rem 0;border-radius:0.05rem ;}
.fileTips{padding-top: 0.15rem;}
.fileTips h3{padding-bottom: 0.1rem;}
.fileTips h3,.fileTips p{font-size: 0.20rem;color: #333;}
.fileTips p{padding-bottom: 0.05rem;}

.dormPancel{position: relative;width: 100%;}		
.formCel{position: absolute;left: 0;margin:0;width: 100%;}
.file{position: absolute;top: 0;right: 5px;height: 100%;filter: alpha(opacity=0);opacity: 0;width: 95%;z-index: 99;}
.showFileImg,.showFileImg_f1,.showFileImg_f2,.showFileImg_f3{width: 1.2rem;height: 1.2rem;max-width: 100%;display: none;position: absolute;left: 0;top: 0;z-index: 98;}
.addPic{display: block;text-align: center;}
.picBox_r{width: 1.2rem;height: 1.8rem;float: left;margin-right: 0.2rem;}
.picBox_list{overflow: hidden;margin-right: -0.2rem;padding-top: 0.1rem;}
.imgtip{font-size: 0.20rem;color: #999;padding-top: 0.06rem;}
.addPic img{width: 1.2rem;height: 1.2rem;}


/*6.27*/
.cinfos{padding: 0.2rem 0.2rem 0 0.2rem;}
.c_vd{background: #fff;padding: 0.2rem;border-radius:0.15rem 0.15rem 0.0 0;}
.c_vd p{color: #D92117;font-size: 0.24rem;text-align: justify;line-height: 1.5;}
.v_bd_info{background: url(../images/bg_c2.gif);background-size: 100% auto;padding: 0.45rem 0;}
.code_img{display: block;width: 63%;margin: 0 auto;}
.vd_top img{display: block;}

/*6.29*/
.rotate_main{position: relative;}
.price_item{position: absolute;top: 50%;left: 0;font-size: 0.3rem;color: #fff;text-align: center;}
.price_item p{width: 0.8rem;margin: 0 auto;font-weight: 700;line-height: 1.3;}
/*.price_item p span{display: block;}*/
.price_item_5{-webkit-transform: rotate(-100deg);margin: -0.3rem 0 0 0.7rem;}
.price_item_1{-webkit-transform: rotate(40deg);margin: -1.8rem 0 0 3.1rem;}
.price_item_2{-webkit-transform: rotate(100deg);margin: -0.35rem 0 0 4rem;}
.price_item_3{-webkit-transform: rotate(150deg);margin: 1rem 0 0 3.1rem;}
.price_item_4{-webkit-transform: rotate(220deg);margin: 1rem 0 0 1.6rem;}
.price_item_6{-webkit-transform: rotate(-40deg);margin: -1.8rem 0 0 1.5rem;}

/*7.14*/
.userCenterWrap{background: #f2f2f2;}
.w750{max-width: 7.5rem;}
.UC_top{background: url(../images/userCenterBanner.png) no-repeat;height: 2.7rem;background-size: 100% 100%;position: relative;}
.UC_info{text-align: center;padding-top: 0.5rem;}
.UC_info p{color: #fff;font-size: 0.28rem;padding-top: 0.15rem;}
.ucPhoto{border-radius:50%;width: 1.24rem;height: 1.24rem;overflow: hidden;box-shadow: 0 0 10px #fff;}
.ucPhoto img{width: 100%;height: 100%;}
.mb2{margin-bottom: 0.15rem;}
.uc_eb{overflow: hidden;background: #fff;padding: 0.2rem;font-size: 0.28rem;}
.ucMobile{color: #333;}
.ucChange a{color: #2096DA;}
.userCenter_info{border-top: 1px solid #ededed;}
.hot_nav{background: #fff;height: 0.7rem;border-bottom: 1px solid #ededed;}
.hot_nav li{float: left;width: 50%;text-align: center;position: relative;font-size: 0.28rem;color: #333;line-height: 0.68rem;border-bottom: 2px solid #fff;}
.hot_nav li::after{background: #ddd;width: 1px;height: 0.3rem;position: absolute;top: 0.2rem;right: 0;content: '';}
.hot_nav li:last-child:after{width: 0;}
.icon_c{height: 0.34rem;width: 0.34rem;display: inline-block;vertical-align: middle;margin-right: 0.05rem;}
.hot_nav li span{vertical-align: middle;}
.icon_c1{background: url(../images/icon_c1.png) no-repeat;background-size: 100% 100%;}
.icon_c2{background: url(../images/icon_c2.png) no-repeat;background-size: 100% 100%;}
.hot_nav li.active{color: #0085d0;border-bottom: 2px solid #0085d0;}
.hot_nav li.active .icon_c1{background: url(../images/icon_c1On.png) no-repeat;background-size: 100% 100%;}
.hot_nav li.active .icon_c2{background: url(../images/icon_c2On.png) no-repeat;background-size: 100% 100%;}
.uc_content ul{padding: 0.2rem;}
.uc_content li{background: #fff;margin-bottom: 0.15rem;}
.cCard{overflow: hidden;}
.cCard_r{overflow: hidden;}
.cCard_r p{font-size: 0.28rem;color: #333;padding:0.3rem 0 0.1rem 0;}
.cCard_r h3{font-size: 0.28rem;color: #666;height: 1rem;}
.cCard_r h4{font-size: 0.28rem;color: #999;font-weight: normal;}
.cCard_l{background: url(../images/icon_cardOn.png) no-repeat;background-size: 100% 100%;width: 2.1rem;height: 2.5rem;margin-right: 0.3rem;text-align: center;padding-top: 0.6rem;position: relative;}
.cCard_l p{font-size: 0.30rem;color: #fff;}
.cCard_l p em{padding: 0 0.05rem;}
.cCard_l h3{font-size: 0.32rem;color: #fff;}
.cCard_l h3 span{font-size: 0.6rem;vertical-align: top;}
.Ustate{position: absolute;top: 0;left: 0;background: url(../images/cTateOn.png) no-repeat;background-size: 100% 100%;width: 0.9rem;height: 0.9rem;}
.Ustate span{font-size: 0.2rem;color: #fff;display: block;-webkit-transform: rotate(-45deg);/* margin-top: 0.1rem; */position: relative;left: -0.15rem;top: 0.16rem;}
.uc_content li.userOut .cCard_l{background: url(../images/icon_card.png) no-repeat;background-size: 100% 100%;}
.uc_content li.userOut .cCard_l .Ustate{background: url(../images/cTate.png) no-repeat;background-size: 100% 100%;}
.uc_content_item{display: none;}
.cCard_r h5{font-size: 0.28rem;color: #333;font-weight: normal;padding: 0.1rem 0;}
.cCard_r h2{font-size: 0.28rem;color: #333;font-weight: normal;height: 1.89rem;overflow: hidden;word-wrap: break-word;word-break: break-all;}
.tipsPop{width: 5rem;margin-left: -2.5rem;}
.tipsPop p{text-align: center;padding:0.5rem 0 0rem 0;font-size: 0.28rem;}
.bcel{background: #999;margin-left: 0.2rem;}
.bb{padding: 0.2rem 0.1rem;text-align: center;}
.bb a{height: 0.6rem;line-height: 0.6rem;display: inline-block;width: 42%;font-size: 0.28rem;}

/*7.17*/
.mobileEnter{border: none;font-size: 0.28rem;color: #333;outline: none;width: 4rem;line-height: 2;}
.uc_eb{padding-bottom: 0.1rem;padding-top: 0.15rem;}
.ucChange{padding-top: 0.06rem;}
.myCountPrice .cCard_l{height: 1.6rem;}
.myCountPrice .cCard_r h5{height: 1rem;padding-top: 0.3rem;}
.myCountPrice .cCard_r h2{height: auto;}

.selectMember{overflow: hidden;margin-bottom: -0.1rem;}
.selectMember li{margin-bottom: 0.25rem;}
.selectMember li span{color: #666;font-size: 0.24rem;padding-left: 0.05rem;vertical-align: middle;}
.iconRdio{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.iconRdio,.iconCheck{background: url(../images/icon_radio.png) no-repeat;background-size:100% 100%;width: 0.3rem;height: 0.30rem;display: inline-block;vertical-align: middle;}
.iconRdioOn{background: url(../images/icon_radioOn.png) no-repeat;background-size:100% 100%;}
.comPop_jinfo{padding: 0.2rem;max-height: 7rem;overflow: auto;}
.comPopTel{margin:0;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.GruleBox .ruleBox_info p{font-size: 0.24rem;color: #666;text-indent: 2em;line-height: 1.6;text-align: justify;}
.GruleBox .ruleTis{border-bottom: 1px dashed #e40077;}
.GruleBox .ruleTis span{background: #e40077;padding:0.05rem 0.2rem;border-radius:0.081rem ;top:-0.0.04rem}
.btnBlue{background: #0085d0;}
.GruleBox{padding-top: 0.1rem;}
.guaBox{padding: 0.2rem 0 0.1rem 0;}
.gTitle{background: url(../images/gua_title.png) no-repeat;background-size:100% 100%;margin: 0 auto;width: 2.96rem;height: 0.57rem;}
.g_info{background: #fdcb26;border-radius:0.1rem ;padding:0.3rem 0.2rem;margin-top: 0.2rem;position: relative;height: 1.85rem;}
.g_info h3{text-align: center;font-size: 0.24rem;color: #333;padding-bottom: 0.2rem;}

#scratch{width: 5.36rem;height: 0.74rem;margin: 0 auto;position: absolute;left: 50%;margin: 0 0 0 -2.67rem;z-index: 99;}
#cover{position: absolute;top:0; left:0;width: 5.36rem;height: 0.74rem;}
#card img{width: 100%;}
#card{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;width: 5.36rem;height: 0.74rem;background: #fff;}
.cText{font-size: 0.28rem;color: #e40077;text-align: center;position: absolute;top: 0;width: 100%;height: 0.74rem;line-height: 0.76rem;}
.vPop,.vPop_suc{border-radius:0.1rem ;box-shadow: none;}
.vPop .closePop,.vPop_suc .closePop{background: url(../images/closeSpop.png) center no-repeat;background-size: 100% 100%;width: 0.48rem;height: 0.47rem;top: -0.6rem;}
.cPopBtn{padding: 0.2rem;width: 70%;margin: 0 auto;}
.cj_title{background: #fdcb26;width: 2.2rem;height: 0.62rem;line-height: 0.62rem;text-align: center;color: #333;font-size: 0.28rem;position: absolute;top: -0.3rem;left: 50%;margin-left: -1.1rem;}
.cusInfo{text-align: center;padding: 0.8rem 0;}
.cusInfo p{font-size: 0.27rem;color: #333;}
.ico_dh{width: 0.9rem;height: 0.77rem;margin-bottom: 0.2rem;}
.gust_btn{padding: 0.2rem;overflow: hidden;}
.gust_btn a{width: 48%;padding: 0;height: 0.72rem;line-height: 0.72rem;border-radius:0.08rem ;}
.btnRed{background: #e40077;}
.bindTop{border-bottom: 10px solid #f2f2f2;}
.app_gust{background: #fff;}
.app_gust_info{border-top: 1px solid #dedede;}
.app_gust_content{background: #fff;}
.forWoman{overflow: hidden;padding: 0.16rem 0 0 0.16rem;}
.forWoman li{float: left;width: 50%;margin-bottom: 0.16rem;}
.womanBox{border: 1px solid #eee;margin-right: 0.16rem;}
.woman_info{padding: 0.1rem;overflow: hidden;}
.wName{font-size:0.24rem ;color: #333;padding-top: 0.04rem;}
.btn_gorust{color: #fff;font-size: 0.2rem;background: #e40077;padding:0 0.1rem;border-radius:0.05rem ;width: 0.8rem;text-align: center;display: block;height: 0.4rem;line-height: 0.4rem;}
.woman_photo{height: 3.2rem;overflow: hidden;position: relative;}
.woman_photo img{width: 100%;}
.woman_love{position: absolute;left: 0;bottom: 0;padding: 0.08rem;width: 100%;overflow: hidden;}
.wNumber,.wCount{font-size: 0.24rem;color: #fff;}
.wCount{background: url(../images/ico_love.png) left center no-repeat;background-size:0.28rem 0.25rem ;padding-left: 0.3rem;}
.photoPop{width: 5.8rem;left: 50%;top: 50%;z-index: 108;border-radius:0.1rem ;overflow: hidden;background: #fff;box-shadow: 0 0px 15px #333;position: fixed;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.photoPop_info h3{text-align: center;padding: 0.15rem 0;font-size: 0.26rem;color: #333;}
.photoPop_img{height: 5.6rem;overflow: hidden;}
.photoPop_img img{width: 100%;display: block;}
.woman_info .wCount{color: #333;}
.photoBtn{border-top: 1px solid #eee;padding: 0.2rem;text-align: center;}
.photoBtn a{display: inline-block;width: auto;margin-right: 0.1rem;height: 0.50rem;line-height: 0.54rem;width: 1.32rem;font-size: 0.24rem;}
.btnlook{background: #0085d0;}
.popRules{padding: 0.4rem;max-height: 7rem;overflow: auto;}
.popRules p{font-size: 0.24rem;color: #666;padding-bottom: 0.2rem;word-wrap: break-word;word-break: break-all;line-height: 1.6;}
.rulePop{margin-top: -3rem;}
.bm_wrap{padding: 0.2rem;}
.bm_item{margin-bottom: 0.2rem;}
.bm_item .formEnter,.upFile{border: 1px solid #ddd;padding: 0.15rem;color: #333;width: 100%;display: block;}

.sRadio{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;border: none;border-radius:0 ;}
.sRadio{background: url(../images/iconCheck.png) no-repeat;background-size:100% 100%;width: 0.3rem;height: 0.3rem;display: inline-block;vertical-align: middle;margin-right: 0.1rem;}
.sRadioOn{background: url(../images/iconCheckOn.png) no-repeat;background-size:100% 100%;}
.checkLayer_l{display: inline-block;vertical-align: middle;}
.checkLayer_l span{vertical-align: middle;font-size: 0.24rem;color: #e40077;}
.checkLayer{padding: 0.1rem 0;}

.upFile{position: relative;color: #999;}
.upPhoto{opacity: 0;position: absolute;left: 0;width: 100%;}
.showFileImgV{margin-top: 10px;display: none;}
.showFileImgV img{display: block !important;max-height: 100%;width: auto;height: auto;position: static;}
.kbox{border: 1px solid #eee;border-left: 0;border-right: 0;}
.priceBox{width: 3.47rem;height: 3.12rem;}
.pricePop{background: none;}
.pricePop .cusInfo{padding: 0.1rem 0;}
.upPop{width: 2rem;height: 0.8rem;text-align: center;margin-left: -1rem;}
.upPop p{line-height: 0.8rem;font-size: 0.24rem;color: #333;}

/*7.24*/
.forSaleTop{margin-bottom: 0.2rem;}
.forSaleTop h3{text-align: center;font-size: 0.28rem;color: #0085D0;padding: 0.2rem 0;}
.forSaleTop h4{text-align: center;font-size: 0.24rem;color: #666;font-weight: normal;}
.sale_head{overflow: hidden;}
.sale_head li{width: 35%;font-size: 0.24rem;color: #fff;float: left;text-align: center;padding:0.15rem 0.2rem;background: #b0d0e9;}
.sale_head li.s2{width: 30%;}
.sale_info li{overflow: hidden;border-bottom: 1px solid #eee;padding: 0.2rem;text-align: center;}
.sale_tel,.sale_phone,.sale_name{font-size: 0.24rem;color: #333;float: left;width: 35%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sale_name{width: 30%;}

/*8.1*/
.eveDay{min-height: 100%;background: #dc3d42;padding-top: 0;padding-bottom: 0.2rem;}
.btn_day,.btn_search_d{display: block;width: 80%;margin: 0 auto;background: #ffb901;text-align: center;color: #fff;font-size: 0.32rem;height: 0.82rem;line-height: 0.82rem;border-radius:0.5rem ;}
.btn_day:active{background: #ffc327;}
.dayBanner{background: url(../images/dayBanner.jpg) no-repeat;background-size:100% 100%;height: 5.15rem;margin-bottom: -1.5rem;}

.newYear{background: url(../images/dnsBg.png) no-repeat;background-size:100% 100%;width: 5.67rem;height: 4.83rem;position: absolute;top: 0;left: 50%;margin-left: -2.8rem;z-index: 98;}
.newYear{-webkit-animation:fadeInDownBig 2s .2s ease forwards;-moz-animation:fadeInDownBig 1s .2s ease forwards;}
/*日历*/
#calendar{background: #fff;}
.sign table{border-collapse: collapse;border-spacing: 0;width:100%;}
.sign th,.sign td {text-align: center;padding: 0.1rem 0;position: relative;}
.sign th {font-size: 0.30rem;background: #0085d0;color: #fff;padding: 0.1rem 0;font-weight: normal;}
.sign td {color: #666;vertical-align: middle;font-size: 0.24rem;}   
.sign .on{color: #0085d0;}
.sign .active{color: #0085d0;}
.sign .active::after{content: '';background: url(../images/selectDate.png) no-repeat;background-size:100% 100%;width: 0.31rem;height: 0.30rem;position: absolute;bottom: 0;right: 0.15rem;}
.sign .number {/* style of the date cell */}
/*.sign .today {background-color: blue!important;}*/
/* top control panel */
.calendar_month_next,.calendar_month_prev{width: 34px;height: 40px;cursor: pointer;display: none;}
.calendar_month_next.disable,.calendar_month_prev.disable{color: #e3e3e3!important;}
.calendar_month_span {display: inline;line-height: 40px;font-size: 0.32rem;color: #44a2c0;}
.calendar_month_prev {float: left;background-position:-5px -6px;}
.sign_succ_calendar_title {text-align: center;font-size: 0.32rem;color: #44a2c0;padding: 0.10rem 0 0 0;}
/* main */
.sign_main {border-top:1px solid #e3e3e3;}

.celderBox{background: #fff295;padding: 0.2rem;border-radius:0.1rem ;margin:0.1rem 0.2rem 0.2rem 0.2rem;}
.Dtips{text-align: center;font-size: 0.24rem;color: #fff;padding: 0.2rem 0 0.1rem 0;}
.bRule{overflow: hidden;padding: 0 0.3rem;}
.d_rule,.d_search{font-size: 0.30rem;color: #fff721;display: inline-block;border-bottom: 1px solid #fff721;line-height: 1.4;}
.d_rule{float: left;}
.d_search{float: right;}

.btn_day{border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.btn_day_out{background: #999;}


/*挂件淡入动画*/
@-webkit-keyframes fadeInDownBig{
0%{opacity:0;
-webkit-transform:translateY(-100px) scale(0.8)}
100%{opacity:1;
-webkit-transform:translateY(100px) scale(1)}
}
@-moz-keyframes fadeInDownBig{
0%{opacity:0;
-moz-transform:translateY(-100px) scale(0.8)}
100%{opacity:1;
-moz-transform:translateY(100px) scale(1)}
}

.form_Dput{border: 1px solid #ccc;height: 0.8rem;padding: 0 0.1rem;border-radius:0 ;outline: none;font-size: 0.28rem;color: #333;width: 100%;}
.f_r{float: right;width: 28%;text-align: right;margin-left: 2%;}
.btn_search_d{border-radius:0.1rem ;width: 100%;}
.form_table{overflow-y: auto;height: 4rem;}
.form_table table{border: 1px solid #ccc;}
.form_table table tr td{height: 0.56rem;color: #333;font-size: 0.24rem;text-align: center;border-bottom: 1px solid #ccc;}
.form_table table thead tr td{background: #0085d0;color: #fff;border-color:#0085d0 ;}
.pop_dSearch{margin-top: -3rem;}

.form_table table tr td{border-bottom: 1px solid #ddd;}
.form_table table thead tr td{background: #3a9efe;color: #fff;border-color:#3a9efe ;}
.flex_w{width: 100%;}
.check_red,.check_red_db{-webkit-appearance: none;-moz-appearance: none;appearance: none;border:0;outline: none;display: inline-block;vertical-align: middle;border: none;border-radius:0;background: url(../images/ico_radio_red.png) center no-repeat;background-size: 0.30rem 0.30rem;width: 0.34rem;height: 0.34rem;}
.check_redOn{background: url(../images/ico_radio_redOn.png) center no-repeat;background-size: 0.30rem 0.30rem;}
.fav_c_info li{padding-bottom: 0.1rem;}
.fav_c_info li span,.fav_item p{font-size: 0.24rem;color: #fff;}
.fav_c_info li span{padding-left: 0.05rem;}
.fav_item{padding-bottom: 0.2rem;}
.fav_item p{padding-bottom: 0.13rem;}
.favBox{padding: 0.2rem 0.2rem 0 0.2rem;}
.check_red_db{background: url(../images/ico_check_red.png) center no-repeat;background-size: 0.30rem 0.30rem;}
.check_red_dbOn{background: url(../images/ico_check_redOn.png) center no-repeat;background-size: 0.30rem 0.30rem;}
.zm_tip{border: none;border-bottom: 1px solid #ddd;font-size: 0.24rem;outline: none;width: 2.7rem;background: none;margin-left: 0.05rem;color: #fff;padding-left: 0.1rem;}
.price_suprise{font-size: 0.34rem;color: #f00;}
.pop_suprise p{text-align: center;}
.rotate_change{margin: 0 auto;background: url(../images/rotate_bg02.png) center no-repeat;background-size:100% 100%;width: 5.49rem;height: 5.49rem;margin-bottom: -0.1rem;}
.l_rule h3{font-size: 0.24rem;color: #fff;padding-bottom: 0.1rem;}
.l_rule p{font-size: 0.22rem;color: #fff;line-height: 1.5;padding-bottom: 0.05rem;}
.ltitle{text-align: center;font-size: 0.30rem;color: #fff;font-weight: normal;padding: 0.3rem 0 0 0;}
.ltitle span{color: #fc1b54;font-size: 0.4rem;vertical-align: baseline;}
.redBtn{background: #ff4037;}
.trs p{text-align: left;}
.dtitle{font-size: 0.28rem;}
.dtitle span{top: 0.25rem;}
.jLayer{background: #ffc21c url(../images/jPointBg.png);background-size:100% auto ;padding-bottom: 0;min-height: 91.8%;}
.math_box{padding: 0.2rem;}
.math_info{background: #ffc21c url(../images/jBoxBg.png) no-repeat;background-size:100% 100%;margin: 0 auto;width: 6.04rem;height: 4.06rem;position: relative;overflow: hidden;}
.bottom_bg{margin: 0 auto;max-width: 6.4rem;}
.sort_infomation{background: #fff1cb;margin-top: 0.2rem;padding: 0.2rem;border-radius:0.15rem ;}
.sort_infomation p{font-size: 0.24rem;line-height: 1.8;color: #333;}
.math_info li{text-align: center;display: inline-block;vertical-align: middle;width: 32%;text-align: center;}
.math_info li:last-child,.math_info li:nth-child(7){width: 48%;}
.math_info li:nth-child(5){position: relative;top: 0.3rem;}
.math_info li img{max-width: 80%;max-height: 100%;margin: 0 auto;display: block;}
.math_info ul{overflow: hidden;padding: 0.4rem 0.2rem 0 0.2rem;}
.pgBox{overflow: hidden;padding-left: 1rem;}
.pro_all{width: 50%;height: 0.2rem;background: #fff;border-radius:0.3rem ;margin: 0 auto;float: left;margin-top: 0.06rem;overflow: hidden;}
.progress_used{float: left;height: 0.2rem;background: #4595e3;position: relative;border-radius:0.3rem;}
.countDownBox{float: left;margin-left: 0.2rem;color: #333;font-size: 0.22rem;}
.countDownBox em{color: #f00;padding: 0 0.05rem;}
.formD{overflow: hidden;padding-top: 0.3rem;margin-bottom: 0.2rem;}
.f_l{float: left;width: 65%;}




/*8-3*/
.indexBg{
	background:  url(../images/bottomBg.png) no-repeat,url(../images/indexBg.jpg) no-repeat #f7ca15;
	background-size: 6.4rem 2.53rem, 6.4rem 10.07rem;
	background-position: center bottom, center top;
}
.countDown{
	position: absolute;
	top: 0.32rem;
	left: 0.2rem;
	padding: 0.02rem 0.54rem 0.02rem 0.02rem;
}
.process{
	position: relative;
	background: #feecce;
	height: 0.14rem;
	border-radius: 0.07rem;
	width: 4.4rem;
}
.rest{
	position: absolute;
	right: 0;
	top: 0;
	line-height: 0.18rem;
	font-size: 0.24rem;
	color: #ffffff;
}
.processOn{
	position: absolute;
	top: 0;
	left: 0;
	height: 0.14rem;
	border-radius: 0.07rem;
	background: #8a26ff;
}
.nPop {
    position: fixed;
    width: 5.72rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 108;
    background: #fff;
    border-radius: 0.08rem;
    padding-bottom: 0.3rem;
}
.r_title{
	height: 0.64rem;
	line-height: 0.64rem;
	font-size: 0;
	text-align: center;
	margin-top: -0.32rem;
}
.r_title span{
	display: inline-block;
	min-width: 2.2rem;
	line-height: 0.64rem;
	padding: 0 0.2rem;
	font-size: 0.32rem;
	color: #333333;
    border-radius: 0.08rem;
	background: #fdcb26;
}
.nPop .closePop {
    background: url(../images/closeSpop.png) center no-repeat;
    background-size: 100% 100%;
    width: 0.48rem;
    height: 0.47rem;
    top: -1.08rem;
}
.rMain{
	padding: 0.2rem 0.2rem 0.2rem;
	max-height: 4.2rem;
	overflow-y: auto;
}
.rMain p{
	padding: 0.06rem 0;
	font-size: 0.24rem;
	color: #666666;
}
.startBtn,
.endBtn{
	display: block;
	width: 2.9rem;
	height: 0.68rem;
	line-height: 0.68rem;
	text-align: center;
	background: #0085d0;
	border-radius: 0.08rem;
	font-size: 0.28rem;
	color: #FFF;
	margin: 0.1rem auto 0;
}
.sexList{
	padding-top: 0.7rem;
}
.sexList ul{
	position: relative;
	height: 6.5rem;
	width: 2rem;
	margin: 0 auto;
}
.sexList ul li{
	position: absolute;
	width: 1.7rem;
	height: 3.61rem;
}
.sexMan{
	background: url(../images/man.png) no-repeat;
	background-size: 1.61rem 3.61rem;
	background-position: center bottom;
	left: 0;
}
.sexWoman{
	background: url(../images/woman.png) no-repeat;
	background-size: 1.44rem 3.56rem;
	background-position: center bottom;
	right: 0;
}
.sexList ul li:nth-child(1){
	z-index: 80;
	bottom: 0;
}
.sexList ul li:nth-child(2){
	z-index: 79;
	bottom: 0.4rem;
}
.sexList ul li:nth-child(3){
	z-index: 78;
	bottom: 0.8rem;
}
.sexList ul li:nth-child(4){
	z-index: 76;
	bottom: 1.2rem;
}
.sexList ul li:nth-child(5){
	z-index: 75;
	bottom: 1.6rem;
}
.sexList ul li:nth-child(6){
	z-index: 74;
	bottom: 2.0rem;
}
.sexList ul li:nth-child(7){
	z-index: 73;
	bottom: 2.4rem;
}
.sexList ul li:nth-child(8){
	z-index: 73;
	bottom: 2.8rem;
}
.sexList ul li:nth-child(9){
	z-index: 71;
	bottom: 3.2rem;
}
.sexList ul li:nth-child(10){
	z-index: 70;
	bottom: 3.6rem;
}
.cCtrl{
	padding: 0.5rem 0;
}
.cCtrl ul{
	overflow: hidden;
}
.cCtrl ul li{
	text-align: center;
	font-size: 0;
	float: left;
	width: 50%;
}
.cCtrl ul li a{
	display: inline-block;
	width: 2.6rem;
	height: 0.76rem;
	text-align: center;
	border-radius: 0.08rem;
}
.cCtrl ul li a i,
.cCtrl ul li a span{
	display: inline-block;
	vertical-align: middle;
}
.cCtrl ul li a i{
	width: 0.32rem;
	height: 0.34rem;
	margin-top: -0.02rem;
}
.cCtrl ul li a span{
	font-size: 0.29rem;
	color: #FFF;
	line-height: 0.76rem;
}
.arrowLeft{
	background: url(../images/arrowLeft.png) no-repeat;
	background-size: 0.32rem 0.34rem;
	margin-right: 0.1rem;
}
.arrowRight{
	background: url(../images/arrowRight.png) no-repeat;
	background-size: 0.32rem 0.34rem;
	margin-left: 0.1rem;
}
.cMBtn{
	background: #0085d0;
}
.cWMBtn{
	background: #e40077;
}
.tMain{
	padding: 0.8rem 0.4rem;
}
.tMain p{
	text-align: center;
	padding: 0.06rem 0;
	font-size: 0.24rem;
	color: #666666;
}

/*8.4*/
.personal_info .sale_head li{width: 50% ;}
.personal_info .sale_info div{font-size: 0.24rem;color: #333;float: left;width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*8.16*/
.codeEnterStyle{background: #fdcb26;border-radius:0.1rem ;padding:0.2rem 0.2rem;margin-top: -0.2rem;position: relative;}
.comPop_info{padding:0.1rem 0.2rem 0.2rem 0.2rem;}
.cj_title{color: #333;position: static;top: 0;margin: 0;width: 100%;}
.bindPut{width: 73%;text-align: center;display: block;margin: 0 auto;}
.cPopBtn{padding: 0.1rem;}

/*9.20*/
.vRule{color: #deff2c;padding:0 0.3rem;font-size: 0.26rem;position: absolute;bottom: 0.3rem;}
.rulePop{z-index: 1001;}
.vrulePop .cj_title{color: #fff;background: #da3d44;}

/*4.12*/
.fav_c_info li span{padding-left: 0.1rem;vertical-align: middle;color: #444;}
.fav_c_info li{padding:0.18rem 0.15rem;background:  rgba(255,255,255,.5);margin-bottom: 0.25rem;border-radius: 0.5rem;}
.c_log{margin-top: 0 !important;}
.smileDu .bRule{padding: 0;padding-top: 0.3rem;}
.smileDu .d_rule,.smileDu .d_search{background: #0085d0;border-bottom: 0;height: 0.6rem;line-height: 0.6rem;border-radius:0 0.5rem 0.5rem 0 ;width: 1.65rem;padding-left: 0.2rem;font-size: 0.28rem;color: #fff;}
.smileDu .d_search{border-radius:0.5rem 0 0 0.5rem ;}
.smileDu{background: #6db0ff url(../images/paperBg.jpg) bottom no-repeat;background-size: 100% auto;}
.smileDu .btn_day{background: #0085d0;height: 0.7rem;line-height: 0.7rem;width: 90%;font-size: 0.28rem;}
.fav_item p{line-height: 1.65;color: #444;}
.smileDu .bRule{padding: 0;padding-top: 0.3rem;}
.smileDu .btn_day:active{background: #2399dc;}
.check_red_db{background: url(../images/ico_radio_red.png) center no-repeat;}
.check_red_dbOn{background: url(../images/ico_check_redOn.png) center no-repeat;background-size: 0.30rem 0.30rem;}
.check_red_db,.check_red_dbOn{background-size: 0.3rem 0.3rem;}

/*4.18*/
.ng_box{padding: 0.3rem 0.2rem;}
.ng_item{margin-bottom: 0.25rem;}
.ng_item .formEnter{padding:0.18rem;background: rgba(255,255,255.8);color: #333;}
.width_sm{width: 67%;}
.btn_getcode,.btnCodeDisabled{position: relative;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;border: none;font-size: 0.26rem;background: #0085d0;width: 1.8rem;padding:0.145rem 0.18rem;display: block;float: right;border-radius:0.05rem ;color: #fff;}
.btnCodeDisabled{background: #999;}
.bind_item .bindPut{display: inline-block;text-align: left;text-align: left;width: 90%;}
.w50{width: 63% !important;}
.ngdl{overflow: hidden;}
.ngdl dt{font-size: 0.24rem;color: #666;float: left;margin-right: 0.15rem;}
.ngdl dd{overflow: hidden;}
.vselectMember{overflow: hidden;}
.vselectMember li{float: left;margin-right: 0.5rem;}
.vselectMember li span{color: #666;font-size: 0.24rem;padding-left: 0.1rem;vertical-align: middle;}
.vselectMember .iconRdio,.vselectMember .iconRdioOn{width: 0.34rem;height: 0.34rem;outline: none 0;}
.vselectMember .iconRdio{background: url(../images/ico_radio_red.png) no-repeat;background-size: 0.34rem 0.34rem;}
.vselectMember .iconRdioOn{background: url(../images/ico_radio_redOn.png) no-repeat;background-size: 0.34rem 0.34rem;}
.nginfos{ background:  rgba(255,255,255,.7);padding:  0.2rem;border-radius: 0.1rem;}
.nginfos p{font-size: 0.22rem;color: #555;word-wrap: break-word;word-break: break-all;line-height: 1.6;padding-bottom: 0.15rem;text-indent: 2em;}
/*.reviewCustomerPage{background: #6db0ff url(../images/reviewBg.jpg) top no-repeat;background-size: 100% auto;}*/

.ng_boxK{padding: 0;padding-bottom: 0.1rem;}
.ctitle{font-size: 0.22rem;color: #0085d0;padding:0.15rem 0.2rem;background: rgba(255,255,255,.5);}
.ng_wrap{padding: 0.15rem 0.15rem 0.05rem 0.15rem;}
.ng_item{margin-bottom: 0.15rem;}
.protocol{text-align:left;padding: 0.1rem 0 0.3rem 0.2rem;}
.jcheck span{display:inline-block;border:none;border-radius:0;vertical-align:middle;color: #666;font-size: 0.22rem;padding-left: 0.05rem;}
.vmenu_item{margin-bottom: 0.2rem;}
.iCheck,.iCheckOn{display:inline-block;width:.26rem;height:.26rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align: middle;border: none 0;outline: none;border-radius:0 ;}
.iCheck{background:#fff url(../images/icon_check.png) center no-repeat;background-size:0.26rem .26rem;}
.iCheckOn{background:url(../images/icon_checkOn.png) center no-repeat;background-size:0.26rem .26rem;}
.jRules{color: #0068a7;font-size: 0.22rem;border-bottom: 1px solid #0068a7;display: inline-block;padding-left: 0.05rem;}
.appPop{position: fixed;top: 50%;left: 50%;width: 5.6rem;margin: -2.15rem 0 0 -2.8rem;z-index: 1006;background: #c6e4fd;padding:0.4rem 0.3rem 0.15rem 0.3rem;border-radius:0.1rem ;margin-top: -3.8rem;}
.rtitle{font-size: 0.34rem;color: #006bab;padding-bottom: 0.2rem;font-weight: 600;position: relative;}
.rule_ig_info p{font-size: 0.22rem;color: #313131;line-height: 1.8;padding-bottom: 0.1rem;word-wrap: break-word;word-break: break-all;}
.rule_ig_info{max-height: 7rem;overflow: auto;margin: 0.1rem 0 0.15rem 0;}
.appPop .closePop{height: 0.6rem;}
.sureB{height: 0.6rem;line-height: 0.64rem;border-radius:0 ;background: #0085d0;font-size: 0.26rem;width: 100%;border-radius:0.05rem ;}

.nginfos img{width: 100%;display: block;margin-bottom: 0.1rem;}
.nginfos p{text-indent: inherit;}

/*8.6*/
.getcode,.CodeDisabled{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;border: none;}
.getcode,.CodeDisabled{margin-right: 0.4rem;height: 0.5rem;line-height: 0.54rem;float: right;display: inline-block;background: #2096DA;color: #fff;font-size: 0.24rem;padding: 0 0.2rem;border-radius:0.05rem ;width: 1rem;}
.CodeDisabled{background: #999;}

/*限制css*/
.stopping{background: #f5f5f5;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 25;width: 100%;margin-left: 0;}
.stips{position: absolute;top: 50%;left: 50%;margin: -1.8rem 0 0 -2rem;text-align: center;}
.stips i{width: 1.2rem;height: 1rem;background: url(../images/vtips.png) center no-repeat;background-size: 100% 100%;display: inline-block;}
.stopping p{font-size: 0.3rem;text-align: center;color: #666;padding-top: 0.2rem;letter-spacing: 0.04rem;}

/*20180913*/
/*内容大容器*/
.com_container{
    width:100%;
    height: 100%;
    overflow: hidden;
    /*overflow-y: auto;*/
    margin: 0 auto;
    background: #fe0000;
}
.cardBox {
    border:1px solid #fff;
    border-radius:4px;
    background: #0080c9;
}
/*-------------------------公共容器end---------------------------*/
/*-----------------公共颜色-------------------------------------*/
/*蓝色渐变*/  
/*.liner_bgc{
    background: linear-gradient(to right, #25cdfc , #25b1fc);
}*/
.c_red{
    color:#eb133c!important;
}
.c_yell{
    color:#ffcc3b!important;
}
/*---------------------------公共颜色end------------------------*/

/*---------------------公共间距---------------------*/
/*padding间距*/
.pt10{
    padding-top:0.1rem;
}
.plr20{
    padding-left:0.2rem;
    padding-right:0.2rem;
}
.plr30{
    padding-left:0.3rem;
    padding-right:0.3rem;
}
.pt88{
    padding-top: 0.88rem;
}
/*margin边距*/
.mb20{
    margin-bottom: 0.2rem;
}
/*左右浮动*/
.fl{
    float: left;
}
.fr{
    float: right;
}
/*---------------------公共间距end---------------------*/
.over-hidden{
    position:fixed!important;
    overflow: hidden!important;
    width: 7.5rem; 
}
/*底部按钮*/
.ctrlMod{
    width:4.5rem;
    margin:0 auto 0.86rem;
}
.ctrlBtn{
    text-align: center;
    width:100%;
    padding-bottom: 0.46rem;
}
.ctrlBtn a{
    display: inline-block;
    width:100%;
    height:0.78rem;
    line-height: 0.75rem;
    text-align: center;
    color:#333;
    font-size: 0.44rem;
    font-weight: bold;
    text-align: center;
    border-radius:10px;
    background: url(../images/btnBg.png) no-repeat center;
    background-size:4.5rem 0.78rem;
    -webkit-background-size:4.5rem 0.78rem;
    -webkit-appearance:none;
}
.ctrlBtn input{
    display: inline-block;
    width:100%;
    height:0.78rem;
    line-height: 0.75rem;
    text-align: center;
    color:#333;
    font-size: 0.44rem;
    font-weight: bold;
    text-align: center;
    border-radius:10px;
    background: url(../images/btnBg.png) no-repeat center;
    background-size:4.5rem 0.78rem;
    -webkit-background-size:4.5rem 0.78rem;
    -webkit-appearance:none;
}
.linkBox a{
    font-size: 0.36rem;
    color:#eae52c;
    font-weight: bold;
}
/*弹框*/
.flexBgY{
    display: none;
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    bottom: 0;
    height:100%;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../images/flexBg.png) no-repeat;
    background-size:100% 100%;
    -webkit-background-size:100% 100%;
    z-index: 999;
}
/*弹框*/
.popMod{
    display:none;
    width:7.5rem;
    /*height:5.17rem;*/
    position: fixed;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1000;
}
.popMain{
    max-height: 8.9rem;
    overflow: hidden;
    overflow-y:auto;
}
.popMod01{
    width:100%;
    background: url(../images/popBg01.png) no-repeat center;
    background-size:7.5rem 100%;
    -webkit-background-size:7.5rem 100%;
    padding:0.7rem 1.08rem 0.6rem;
}
.popMod02{
    width:100%;
    background: url(../images/popBg02.png) no-repeat center;
    background-size:7.5rem 100%;
    -webkit-background-size:7.5rem 100%;
    padding:0.9rem 1.08rem 0.6rem;
}

.closeBtn{
    position: absolute;
    width:0.47rem;
    height:0.47rem;
    background: url(../images/closeBtn.png) no-repeat;
    background-size:0.47rem 0.47rem;
    -webkit-background-size:0.47rem 0.47rem;
    bottom:-0.55rem;
    left:50%;
    margin-left:-0.235rem;
}
.popTit{
    font-size: 0.36rem;
    font-weight: bold;
    text-align: center;
    padding-bottom:0.2rem;
    color:#fe0002;
}
.ruleTable{
    width:5.28rem;
    height:7.11rem;
    margin:0 auto 0.3rem;
}
.ruleTable img{
    display: block;
    width:100%;
    height:100%;
}
.popTable table{
    width:100%;
}
.popTable  .tHead{
    border-top:1px solid #bd0d24;
    border-bottom:1px solid #bd0d24;
    padding:0 0.35rem;
}
.popTable .tHead td{
    color:#ff0100;
    font-size: 0.26rem;
    font-weight: bold;
    text-align: center;
    line-height: 0.55rem;
}
.popTable .tBody{
    padding:0 0.35rem;
}
.popTable .tBody tr{
    border-bottom:1px solid #dcb8bc;
}
.popTable .tBody tr td{
    font-size: 0.24rem;
    font-weight: bold;
    color:#333;
    text-align: center;
    line-height: 0.55rem;
}

.timeMod{
	text-align: center;
	width:100%;
	padding-top:0.35rem;
	padding-bottom:0rem;
}
.timeMod a{
	display: inline-block;
	vertical-align: middle;
	width:6.73rem;
	height:1.82rem;
	text-align: center;
	background: url(../images/hengFuBg.png) no-repeat;
	background-size:6.73rem 1.82rem;
	-webkit-background-size:6.73rem 1.82rem;
	padding:0.45rem 0 0.55rem;
	font-size:0.28rem;
	line-height: 0.82rem;
	font-weight: bold;
	color:#333;
}
.boBingplayMod{
	width:6.2rem;
	height:6.05rem;
	margin:0 auto 0.2rem;
	background: url(../images/wanIcon.png) no-repeat;
	background-size:6.2rem 6.05rem;
	-webkit-background-size:6.2rem 6.05rem;
	position: relative;
}
.prompTxt{
	position: absolute;
	top:1.5rem;
	left:50%;
	margin-left:-2.5rem;
	/*margin-top:-0.5rem;*/
	z-index:1009;
	display: none;
}
.prompTxt p{
	width:5.2rem;
	line-height: 1rem;
	color:#fff;
	font-size:0.28rem;
	text-align: center;
	background: rgba(0,0,0,0.5);
	border-radius:20px;
	font-weight: bold;
}
.sievePlay{
	width:3.3rem;
	height:3.7rem;
	position: absolute;
	top:0.5rem;
	left:50%;
	margin-left:-1.66rem;
}
.sievePlay span{
	display: inline-block;
	position: absolute;
	width:0.64rem;
	height:0.72rem;
	display: none;
	/*transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;

*/}
.sievePlay .sieve01{
	background: url(../images/1.png) no-repeat;
	-webkit-background-size:0.64rem 0.72rem;
	background-size:0.64rem 0.72rem;
	transform:perspective(500px) rotatey(0deg);
	top:2.4rem;
	left:0.22rem;
}
.sievePlay .sieve02{
	background: url(../images/2.png) no-repeat;
	-webkit-background-size:0.64rem 0.72rem;
	background-size:0.64rem 0.72rem;
	top:3.12rem;
	left:0.54rem;
}
.sievePlay .sieve03{
	background: url(../images/3.png) no-repeat;
	-webkit-background-size:0.64rem 0.72rem;
	background-size:0.64rem 0.72rem;
	top:1.88rem;
	left:1.02rem;
}
.sievePlay .sieve04{
	background: url(../images/4.png) no-repeat;
	-webkit-background-size:0.64rem 0.72rem;
	background-size:0.64rem 0.72rem;
	top:2.7rem;
	left:1.34rem;
}
.sievePlay .sieve05{
	background: url(../images/5.png) no-repeat;
	-webkit-background-size:0.64rem 0.72rem;
	background-size:0.64rem 0.72rem;
	top:2.14rem;
	left:2.02rem;
}
.sievePlay .sieve06{
	background: url(../images/6.png) no-repeat;
	-webkit-background-size:0.64rem 0.72rem;
	background-size:0.64rem 0.72rem;
	top:2.96rem;
	left:2.34rem;
}
/*.dice{position:absolute;top:51%;left:30%;width:10%;height:10%;z-index:2;display:block;}*/

.sievePlay .sieve01.active{animation:r1ac 1s linear;-moz-animation:r1ac 1s linear;-webkit-animation:r1ac 1s linear;}
@keyframes r1ac{
    0%{top:14%;left:20%;transform:rotate(0deg);}
    10%{top:40%;left:20%;transform:rotate(0deg);}
    25%{top:20%;left:40%;transform:rotate(180deg);}
    40%{top:26%;left:50%;transform:rotate(360deg);}
    60%{top:40%;left:55%;transform:rotate(720deg);}
    80%{top:57%;left:40%;transform:rotate(1080deg);}
    100%{top:51%;left:30%;transform:rotate(1440deg);}
}
@-moz-keyframes r1ac{
    0%{top:14%;left:20%;-moz-transform:rotate(0deg);}
    10%{top:40%;left:20%;-moz-transform:rotate(0deg);}
    25%{top:20%;left:40%;-moz-transform:rotate(180deg);}
    40%{top:26%;left:50%;-moz-transform:rotate(360deg);}
    60%{top:40%;left:55%;-moz-transform:rotate(720deg);}
    80%{top:57%;left:40%;-moz-transform:rotate(1080deg);}
    100%{top:51%;left:30%;-moz-transform:rotate(1440deg);}
}
@-webkit-keyframes r1ac{
    0%{top:14%;left:20%;-webkit-transform:rotate(0deg);}
    10%{top:40%;left:20%;-webkit-transform:rotate(0deg);}
    25%{top:20%;left:40%;-webkit-transform:rotate(180deg);}
    40%{top:26%;left:50%;-webkit-transform:rotate(360deg);}
    60%{top:40%;left:55%;-webkit-transform:rotate(720deg);}
    80%{top:57%;left:40%;-webkit-transform:rotate(1080deg);}
    100%{top:51%;left:30%;-webkit-transform:rotate(1440deg);}
}
.sievePlay .sieve02.active{animation:r2ac 1s linear;-moz-animation:r2ac 1s linear;-webkit-animation:r2ac 1s linear;}
@keyframes r2ac{
    0%{top:14%;left:35%;transform:rotate(0deg);}
    10%{top:40%;left:35%;transform:rotate(0deg);}
    25%{top:45%;left:20%;transform:rotate(180deg);}
    40%{top:51%;left:40%;transform:rotate(360deg);}
    60%{top:45%;left:55%;transform:rotate(720deg);}
    80%{top:40%;left:40%;transform:rotate(1080deg);}
    100%{top:45%;left:55%;transform:rotate(1440deg);}
}
@-moz-keyframes r2ac{
    0%{top:14%;left:35%;-moz-transform:rotate(0deg);}
    10%{top:40%;left:35%;-moz-transform:rotate(0deg);}
    25%{top:45%;left:20%;-moz-transform:rotate(180deg);}
    40%{top:51%;left:40%;-moz-transform:rotate(360deg);}
    60%{top:45%;left:55%;-moz-transform:rotate(720deg);}
    80%{top:40%;left:40%;-moz-transform:rotate(1080deg);}
    100%{top:45%;left:55%;-moz-transform:rotate(1440deg);}
}
@-webkit-keyframes r2ac{
    0%{top:14%;left:35%;-webkit-transform:rotate(0deg);}
    10%{top:40%;left:35%;-webkit-transform:rotate(0deg);}
    25%{top:45%;left:20%;-webkit-transform:rotate(180deg);}
    40%{top:51%;left:40%;-webkit-transform:rotate(360deg);}
    60%{top:45%;left:55%;-webkit-transform:rotate(720deg);}
    80%{top:40%;left:40%;-webkit-transform:rotate(1080deg);}
    100%{top:45%;left:55%;-webkit-transform:rotate(1440deg);}
}
.sievePlay .sieve03.active{animation:r3ac 1s linear;-moz-animation:r3ac 1s linear;-webkit-animation:r3ac 1s linear;}
@keyframes r3ac{
    0%{top:14%;left:50%;transform:rotate(0deg);}
    10%{top:40%;left:50%;transform:rotate(0deg);}
    25%{top:45%;left:20%;transform:rotate(180deg);}
    40%{top:28%;left:40%;transform:rotate(360deg);}
    60%{top:37%;left:55%;transform:rotate(720deg);}
    80%{top:45%;left:40%;transform:rotate(1080deg);}
    100%{top:54%;left:45%;transform:rotate(1440deg);}
}
@-moz-keyframes r3ac{
    0%{top:14%;left:50%;-moz-transform:rotate(0deg);}
    10%{top:40%;left:50%;-moz-transform:rotate(0deg);}
    25%{top:45%;left:20%;-moz-transform:rotate(180deg);}
    40%{top:28%;left:40%;-moz-transform:rotate(360deg);}
    60%{top:37%;left:55%;-moz-transform:rotate(720deg);}
    80%{top:45%;left:40%;-moz-transform:rotate(1080deg);}
    100%{top:54%;left:45%;-moz-transform:rotate(1440deg);}
}
@-webkit-keyframes r3ac{
    0%{top:14%;left:50%;-webkit-transform:rotate(0deg);}
    10%{top:40%;left:50%;-webkit-transform:rotate(0deg);}
    25%{top:45%;left:20%;-webkit-transform:rotate(180deg);}
    40%{top:28%;left:40%;-webkit-transform:rotate(360deg);}
    60%{top:37%;left:55%;-webkit-transform:rotate(720deg);}
    80%{top:45%;left:40%;-webkit-transform:rotate(1080deg);}
    100%{top:54%;left:45%;-webkit-transform:rotate(1440deg);}
}
.sievePlay .sieve04.active{animation:r4ac 1s linear;-moz-animation:r4ac 1s linear;-webkit-animation:r4ac 1s linear;}
@keyframes r4ac{
    0%{top:28%;left:20%;transform:rotate(0deg);}
    10%{top:52%;left:20%;transform:rotate(0deg);}
    25%{top:34%;left:40%;transform:rotate(180deg);}
    40%{top:43%;left:50%;transform:rotate(360deg);}
    60%{top:54%;left:35%;transform:rotate(720deg);}
    80%{top:45%;left:20%;transform:rotate(1080deg);}
    100%{top:41%;left:40%;transform:rotate(1440deg);}
}
@-moz-keyframes r4ac{
    0%{top:28%;left:20%;-moz-transform:rotate(0deg);}
    10%{top:52%;left:20%;-moz-transform:rotate(0deg);}
    25%{top:34%;left:40%;-moz-transform:rotate(180deg);}
    40%{top:43%;left:50%;-moz-transform:rotate(360deg);}
    60%{top:54%;left:35%;-moz-transform:rotate(720deg);}
    80%{top:45%;left:20%;-moz-transform:rotate(1080deg);}
    100%{top:41%;left:40%;-moz-transform:rotate(1440deg);}
}
@-webkit-keyframes r4ac{
    0%{top:28%;left:20%;-webkit-transform:rotate(0deg);}
    10%{top:52%;left:20%;-webkit-transform:rotate(0deg);}
    25%{top:34%;left:40%;-webkit-transform:rotate(180deg);}
    40%{top:43%;left:50%;-webkit-transform:rotate(360deg);}
    60%{top:54%;left:35%;-webkit-transform:rotate(720deg);}
    80%{top:45%;left:20%;-webkit-transform:rotate(1080deg);}
    100%{top:41%;left:40%;-webkit-transform:rotate(1440deg);}
}
.sievePlay .sieve05.active{animation:r5ac 1s linear;-moz-animation:r5ac 1s linear;-webkit-animation:r5ac 1s linear;}
@keyframes r5ac{
    0%{top:28%;left:35%;transform:rotate(0deg);}
    10%{top:52%;left:35%;transform:rotate(0deg);}
    25%{top:54%;left:50%;transform:rotate(180deg);}
    40%{top:34%;left:40%;transform:rotate(360deg);}
    60%{top:45%;left:35%;transform:rotate(720deg);}
    80%{top:55%;left:50%;transform:rotate(1080deg);}
    100%{top:58%;left:60%;transform:rotate(1440deg);}
}
@-moz-keyframes r5ac{
    0%{top:28%;left:35%;-moz-transform:rotate(0deg);}
    10%{top:52%;left:35%;-moz-transform:rotate(0deg);}
    25%{top:54%;left:50%;-moz-transform:rotate(180deg);}
    40%{top:34%;left:40%;-moz-transform:rotate(360deg);}
    60%{top:45%;left:35%;-moz-transform:rotate(720deg);}
    80%{top:55%;left:50%;-moz-transform:rotate(1080deg);}
    100%{top:58%;left:60%;-moz-transform:rotate(1440deg);}
}
@-webkit-keyframes r5ac{
    0%{top:28%;left:35%;-webkit-transform:rotate(0deg);}
    10%{top:52%;left:35%;-webkit-transform:rotate(0deg);}
    25%{top:54%;left:50%;-webkit-transform:rotate(180deg);}
    40%{top:34%;left:40%;-webkit-transform:rotate(360deg);}
    60%{top:45%;left:35%;-webkit-transform:rotate(720deg);}
    80%{top:55%;left:50%;-webkit-transform:rotate(1080deg);}
    100%{top:58%;left:60%;-webkit-transform:rotate(1440deg);}
}
.sievePlay .sieve06.active{animation:r6ac 1s linear;-moz-animation:r6ac 1s linear;-webkit-animation:r6ac 1s linear;}
@keyframes r6ac{
    0%{top:28%;left:50%;transform:rotate(0deg);}
    10%{top:52%;left:50%;transform:rotate(0deg);}
    25%{top:40%;left:60%;transform:rotate(180deg);}
    40%{top:43%;left:30%;transform:rotate(360deg);}
    60%{top:57%;left:55%;transform:rotate(720deg);}
    80%{top:55%;left:30%;transform:rotate(1080deg);}
    100%{top:62%;left:35%;transform:rotate(1440deg);}
}
@-moz-keyframes r6ac{
    0%{top:28%;left:50%;-moz-transform:rotate(0deg);}
    10%{top:52%;left:50%;-moz-transform:rotate(0deg);}
    25%{top:40%;left:60%;-moz-transform:rotate(180deg);}
    40%{top:43%;left:30%;-moz-transform:rotate(360deg);}
    60%{top:57%;left:55%;-moz-transform:rotate(720deg);}
    80%{top:55%;left:30%;-moz-transform:rotate(1080deg);}
    100%{top:62%;left:35%;-moz-transform:rotate(1440deg);}
}
@-webkit-keyframes r6ac{
    0%{top:28%;left:50%;-webkit-transform:rotate(0deg);}
    10%{top:52%;left:50%;-webkit-transform:rotate(0deg);}
    25%{top:40%;left:60%;-webkit-transform:rotate(180deg);}
    40%{top:43%;left:30%;-webkit-transform:rotate(360deg);}
    60%{top:57%;left:55%;-webkit-transform:rotate(720deg);}
    80%{top:55%;left:30%;-webkit-transform:rotate(1080deg);}
    100%{top:62%;left:35%;-webkit-transform:rotate(1440deg);}
}

.musicrotate{-webkit-animation: xuanzhuan 1.2s infinite linear; z-index:999;animation: xuanzhuan 1.2s infinite linear;}
@keyframes xuanzhuan {
    0% { transform: rotate(0deg)}
    100% { transform: rotate(360deg)}
}
@-webkit-keyframes xuanzhuan {
    0% { -webkit-transform: rotate(0deg)}
    100% { -webkit-transform: rotate(360deg)}
}
/*20180918*/
.popShareBg {
	/*display: none;*/
	position: fixed;
	top: 0;
	left: 50%;
	width: 100%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: rgba(0,0,0,.5);
	z-index: 1009;
}
.popShareBox {
    position: fixed;
    left: 50%;
    top: 3%;
    z-index: 1010;
    width: 4rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 1rem;
}
.popShareBox img{
	width: 4rem;
}

.my-input-group{
	font-size: 0.24rem;
	font-weight: bold;
	color: #333;
	line-height: 0.55rem;
}
.my-input-group #date6{
	background-color: transparent;
	background: url("../images/icon_down.png") no-repeat right transparent;
	background-size: 10%;
}
.my-input-group .data-box {
	border: 1px solid #dcb8bc;
	display: inline-block;
	padding: 0.03rem 0.05rem;
}
.my-input-group .sortNum {
	font-size: 0.34rem;
	color: yellowgreen;
	font-weight: bold;
}

.footer-desc{
	text-align: center; color: #000; position: absolute; bottom: 0; width: 100%;
	padding-bottom: .05rem;
}
.bottomSection{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 66px;
	background-color: rgba(0, 0, 0, .8);
	z-index: 9999;
	-webkit-animation: mymove 10s forwards;
	word-wrap: break-word;
}
.bottomSection .bottomSectionWrap {
	padding: 12px 0 12px 9px
}

.bottomSection .dl {
	height: 42px;
	display: block;
	color: #FFF;
	overflow: hidden
}

.bottomSection i.iopen {
	margin-right: 10px;
	float: right;
	background: #59d141;
	border-radius: 4px;
	color: #fff;
	margin-top: 2px;
	font-style: normal;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	font-size: 16px
}

.bottomSection .adLogo {
	float: left;
	height: 42px;
	width: 42px;
	margin-right: 7px
}

.bottomSection .adLogo img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 5px
}

.bottomView1 .fnt {
	display: block;
	overflow: hidden
}

.bottomView1 .tit {
	font-size: 18px;
	font-weight: 400;
	line-height: 23px;
	height: 23px;
	float: left;
	width: 100%;
	vertical-align: text-top;
	overflow: hidden
}

.bottomView1 .char {
	font-size: 15px;
	height: 17px;
	line-height: 20px;
	float: left;
	color: #ffffff
}
@keyframes mymove {
	0% {
		top: 90.6%;
	}
	50% {
		top: 90.6%;
		background: #FF4200;
	}
	100% {
		top: 0;
		background: rgba(0, 0, 0, .8);
	}
}

@-moz-keyframes mymove /* Firefox */
{
	0% {
		top: 90.6%;
	}
	50% {
		top: 90.6%;
		background: #FF4200;
	}
	100% {
		top: 0;
		background: rgba(0, 0, 0, .8);
	}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
	0% {
		top: 90.6%;
	}
	50% {
		top: 90.6%;
		background: #FF4200;
	}
	100% {
		top: 0;
		background: rgba(0, 0, 0, .8);
	}
}

@-o-keyframes mymove /* Opera */
{
	0% {
		top: 90.6%;
	}
	50% {
		top: 90.6%;
		background: #FF4200;
	}
	100% {
		top: 0;
		background: rgba(0, 0, 0, .8);
	}
}
/*11.2*/
.conectPage{background: #fff;}
.conect_item{display: block;overflow: hidden;}
.conect_itemBox{padding: 0 .2rem;}
.conect_itemBox li{border-bottom: 1px solid #ededed;padding: .2rem 0;}
/*.conect_itemBox li:last-child{border-bottom: 0;}*/
.conect_img{float: right;margin-left: .2rem;}
.conect_img_mk{width: .9rem;height: .9rem;}
.conect_disturb{overflow: hidden;}
.conect_disturb h3{font-size: .26rem;color: #666;/* padding-top: .1rem; */max-height: .9rem;overflow: hidden;}
.dinfo{display: block;line-height: 1.6;}


/*01-30*/
.container{
	margin: 0 auto;
	max-width: 6rem;
}
.cardBg01{
	position: relative;
	min-height: 100%;
	background-image: url(../images/cardBg/cBtBg01.png), url(../images/cardBg/card01.png), url(../images/cardBg/r_card01.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 5.86rem 1.61rem, 5.48rem 6.47rem, 6rem 10.80rem;
	background-position: left bottom, 0.3rem 2.58rem, center top;
}
.cardBg02{
	position: relative;
	min-height: 100%;
	background-image: url(../images/cardBg/cBtBg02.png), url(../images/cardBg/card02.png), url(../images/cardBg/r_card02.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 5.86rem 1.61rem, 5.48rem 6.54rem, 6rem 10.80rem;
	background-position: left bottom, 0.3rem 2.58rem, center top;
}
.cardBg03{
	position: relative;
	min-height: 100%;
	background-image: url(../images/cardBg/cBtBg03.png), url(../images/cardBg/card03.png), url(../images/cardBg/r_card03.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 5.86rem 1.61rem, 5.48rem 6.55rem, 6rem 10.80rem;
	background-position: left bottom, 0.3rem 2.58rem, center top;
}
.header{
	height: 3rem;
	text-align: center;
}
.header:after,
.header:before,
.header img{
	display: inline-block;
	vertical-align: middle;
}
.header:after,
.header:before{
	content: '';
	width: 0.02rem;
	height: 3rem;
}
.header img{
	max-width: 5.8rem;
	max-height: 3rem;
}
.blessings{
	position: absolute;
	top: 3.6rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-49%);
	width: 3.6rem;
	height: 2.2rem;
	text-align: center;
}
.blessings:after,
.blessings:before,
.blessings p{
	display: inline-block;
	vertical-align: middle;
}
.blessings:after,
.blessings:before{
	content: '';
	width: 0.02rem;
	height: 2.2rem;
}
.blessings span{
	display: inline-block;
	font-size: 0;
	max-width: 2.6rem;
	text-align: center;
	text-indent: 2em;
	line-height: 0.44rem;
}
.blessings span em{
	font-style: normal;
	text-align: left;
	font-size: 0.28rem;
	color: #333;
	font-weight: 600;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	zoom: 1;
}
.pig{
	position: absolute;
	top: 2.2rem;
	left: 0.4rem;
	width: 2rem;
	height: 1.96rem;
	text-align: center;
	white-space: nowrap;
}
.pig:after,
.pig:before,
.pig img{
	display: inline-block;
	vertical-align: middle;
}
.pig img{
	max-width: 1.82rem;
	max-height: 1.96rem;
}
.pig:after,
.pig:before{
	content: '';
	width: 0.02rem;
	height: 1.96rem;
}
.popupBg {
	/*display: none;*/
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: rgba(0,0,0,.6);
	z-index: 98;
	max-width: none;
}
.popup{
	/*display: none;*/
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 99;
	/* background: #feeada; */
	width: 4.8rem;
	padding: 0.6rem 0.4rem 0.4rem;
	border-radius: 0.1rem;
}
.popup p{
	font-size: 0.32rem;
	color: #333;
	text-align: center;
}
.cStartBtn {
	display: block;
	margin:0.5rem auto 0;
	width: 2rem;
	height: 0.7rem;
	font-size: 0.28rem;
	color: #333;
	background: #feeada;
	border-radius: 0.3rem;
	padding: 0 0.3rem;
	white-space: nowrap;
	text-align: center;
	line-height: 0.62rem;
	border: 0.04rem solid #666;
}
.custom_made{
	position: fixed;
	left: 50%;
	bottom: 0;
	width: 100%;
	z-index: 99;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #FFF;
}
.custom_made ul{
	display: none;
	overflow-x: auto;
	white-space: nowrap;
	overflow-y: hidden;
	font-size: 0;
	background: #F5F5F5;
}
.custom_made ul li{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 1.8rem;
	height: 1.8rem;
}
.custom_made ul.vOn{
	display: block;
}
.custom_made ul.sBg li{
	width: 2rem;
	height: 3.6rem;
}
.custom_made ul li img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 90%;
	max-height: 90%;
	margin: auto;
	z-index: 100;
}
.custom_made ul.sBg li img{
	max-width: 100%;
	max-height: 100%;
}
.custom_made ul li.active:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 101;
	background: rgba(0,0,0,.5);
}
.custom_made ul li.active:after{
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 102;
	width: 1.4rem;
	height: 1.4rem;
	background: url(../images/cardBg/active.png) no-repeat;
	background-size: 100% 100%;
}
.ctrl{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0.12rem 0.2rem;
	border-top: 1px solid #DDD;
}
.ctrl a{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 0.48rem;
	font-size: 0.24rem;
	color: #333;
	text-align: center;
	border-radius: 0.04rem;
	border: 1px solid #DDD;
	margin: 0 0.1rem;
}
.buildBtn,
.prevBtn{
	display: none;
}
.custom_made ul.word{
	padding: 0.2rem 0;
	background: #FFF;
}
.iText{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 1.88rem;
	font-size: 0.28rem;
	color: #313132;
	padding: 0 0.2rem;
	border: 0;
	border-radius: 0;
	background: #FFF;
	box-shadow: none;
	outline: none;
}
.disBtn{
	pointer-events: none;
	background: #F5F5F5;
}

.shareBtn{
	position: absolute;
	left: 50%;
	top: 8.6rem;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display: block;
	margin:0.5rem auto 0;
	height: 0.6rem;
	font-size: 0.28rem;
	color: #333;
	background: #feeada;
	border-radius: 0.3rem;
	padding: 0 0.3rem;
	white-space: nowrap;
	text-align: center;
	line-height: 0.52rem;
	border: 0.04rem solid #666;
}
.shareBox {
	display: none;
    position: fixed;
    left: 50%;
    top: 3%;
    z-index: 99;
    width: 4rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 1.2rem;
}
.shareBox img{
	width: 3rem;
}
/*
   01.31
 * */
.blessings{
	top: 4rem;
}
.JuserInfo{
	width: 90%;
	text-align: center;
	position: absolute;
    top: 3.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-49%)
}
.arvot{
	width: .6rem;
	height: .6rem;
	overflow: hidden;
	border-radius:50% ;
	object-fit: cover;
    border: 1px solid #f7cf6e;
}
.JuserInfo span{
	font-size: 0.22rem;
	color: #333;
	padding-left: .1rem;
	vertical-align: middle;
}
.JuserInfo i{
	vertical-align: middle;
	font-style: normal;
}
.useName{
	max-width: 1.8rem;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

/*
跳格子游戏 
 * */
.jup-html {
	height: 100%;
	overflow: hidden;
}
.jupGameOn {
	overflow: hidden;
}
.Jup_container{
	margin: 0 auto;
	max-width: 7.5rem;
	position: relative;
	min-height: 100%;
}
.mainCtol{
	position: absolute;
	bottom: 1rem;
	z-index: 85;
	width: 100%;
}
.Jup_container{
	background: url(../images/jup_img/bodyBg.png) center top no-repeat;
	background-size: 100% 100%;
}
.taskBg{
	padding-top: 2.9rem;
	padding-bottom: 0.4rem;
	background: #a9d15a url(../images/jup_img/taskBg.jpg) no-repeat;
	background-size: 7.5rem 12.06rem;
}
.JupgameBg{
	padding-top: .22rem;
    background: #F2DFB1 url(../images/jup_img/jupBodyBg.png) no-repeat;
	background-size: cover;
}
.topInfo{
	position: fixed;
	margin-left: .14rem;
	z-index: 90;
	font-family:PingFang-SC-Bold;
	font-weight:bold;
}
.name{
	display: inline-block;
	width: 2.56rem;
	height: 1.07rem;
	background: url(../images/jup_img/game@2x.png) no-repeat;
	background-size: 100% 100%;
	font-size:.28rem;
	color:rgba(51,51,51,1);
	text-align: center;
	line-height: 1.5rem;
}
.name p{
	width: 2rem;
	margin: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.score{
	position: absolute;
	top: .3rem;
	left: 2.5rem;
	font-size:.5rem;
	color:rgba(252,160,41,1);
	width: 2rem;
}
#double {
	position: absolute;
	left: 5.35rem;
	bottom: 4rem;
	font-size: .7rem;
	color:rgba(252,160,41,1);
	display: none;
}
#double.double{
	display: block;
	-webkit-animation: double 1s linear forwards;
	animation: double 1s linear forwards;
}
@keyframes double {
	0%{
		bottom: 4rem;
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		bottom: 5rem;
	}
}
#double.double1{
	display: block;
	-webkit-animation: double1 1s linear forwards;
	animation: double1 1s linear forwards;
}
@keyframes double1 {
	0%{
		bottom: 4rem;
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		bottom: 5rem;
	}
}
#timeValue {
	position: fixed;
	right: .9rem;
	top: 1.4rem;
	font-size: .5rem;
	color:red;
	opacity: 0;
}
.timeValue {
	-webkit-animation: time 1s linear 1;
	animation: time 1s linear 1;
}
@keyframes time {
	0%{
		opacity: 0;
		top: 1.4rem;
	}
	50% {
		opacity: 1;
		top: .8rem;
	}
	100% {
		opacity: 0;
		top: .8rem;
	}
}
.timeValue1 {
	-webkit-animation: time1 1s linear 1;
	animation: time1 1s linear 1;
}
@keyframes time1 {
	0%{
		opacity: 0;
		top: 1.4rem;
	}
	50% {
		opacity: 1;
		top: .8rem;
	}
	100% {
		opacity: 0;
		top: .8rem;
	}
}
#gamePeople{
	width: 1.5rem;
	height: 2.42rem;
	position: absolute;
	bottom: .12rem;
	left: 1.08rem;
}
.gamePeople{
	-webkit-animation: jump 2s linear infinite;
	animation: jump 2s linear infinite;
}
@keyframes jump {
	0%{
		bottom: .69rem;
	}
	50%{
		bottom: 5.1rem;

	}
	100%{
		bottom: .69rem;
	}
}
@-moz-keyframes jump /* Firefox */
{
	0%{
		bottom: .69rem;
	}
	50%{
		bottom: 5.1rem;

	}
	100%{
		bottom: .69rem;
	}
}
@-webkit-keyframes jump /* Safari and Chrome */
{
	0%{
		bottom: .69rem;
	}
	50%{
		bottom: 5.1rem;

	}
	100%{
		bottom: .69rem;
	}
}
@-o-keyframes jump /* Opera */
{
	0%{
		bottom: .69rem;
	}
	50%{
		bottom: 5.1rem;

	}
	100%{
		bottom: .69rem;
	}
}
.gamePeoplep{
	-webkit-animation: jumpp 2s linear infinite;
	animation: jumpp 2s linear infinite;
}
@keyframes jumpp {
	0%{
		bottom: .69rem;
	}
	50%{
		bottom: 5.1rem;

	}
	100%{
		bottom: .69rem;
	}
}
@-moz-keyframes jumpp /* Firefox */
{
	0%{
		bottom: .69rem;
	}
	50%{
		bottom: 5.1rem;

	}
	100%{
		bottom: .69rem;
	}
}
@-webkit-keyframes jumpp /* Safari and Chrome */
{
	0%{
		bottom: .69rem;
	}
	50%{
		bottom: 5.1rem;

	}
	100%{
		bottom: .69rem;
	}
}
@-o-keyframes jumpp /* Opera */
{
	0%{
		bottom: .69rem;
	}
	50%{
		bottom: 5.1rem;

	}
	100%{
		bottom: .69rem;
	}
}
.gamePeople2{
	-webkit-animation: jumps 2s linear infinite;
	animation: jumps 2s linear infinite;
}
@keyframes jumps{
	0%{
		bottom: 4.4rem;
	}
	30%{
		bottom: 5.1rem;
	}
	100%{
		bottom: 0;
	}
}
@-moz-keyframes jumps /* Firefox */
{
	0%{
		bottom: 4.4rem;
	}
	30%{
		bottom: 5.1rem;
	}
	100%{
		bottom: 0;
	}
}
@-webkit-keyframes jumps /* Safari and Chrome */
{
	0%{
		bottom: 4.4rem;
	}
	30%{
		bottom: 5.1rem;
	}
	100%{
		bottom: 0;
	}
}
@-o-keyframes jumps /* Opera */
{
	0%{
		bottom: 4.4rem;
	}
	30%{
		bottom: 5.1rem;
	}
	100%{
		bottom: 0;
	}
}
.gamePeople3{
	-webkit-animation: jup 2s linear infinite;
	animation: jup 2s linear infinite;
}
@keyframes jup {
	0%{
		bottom: 4.4rem;
	}
	30%{
		bottom: 5.1rem;
	}
	100%{
		bottom: 0;
	}
}
@-moz-keyframes jup /* Firefox */
{
	0%{
		bottom: 4.4rem;
	}
	30%{
		bottom: 5.1rem;
	}
	100%{
		bottom: 0;
	}
}
@-webkit-keyframes jup /* Safari and Chrome */
{
	0%{
		bottom: 4.4rem;
	}
	30%{
		bottom: 5.1rem;
	}
	100%{
		bottom: 0;
	}
}
@-o-keyframes jup /* Opera */
{
	0%{
		bottom: 4.4rem;
	}
	30%{
		bottom: 5.1rem;
	}
	100%{
		bottom: 0;
	}
}
.prevent{
	background: url(../images/jup_img/pic@2x.png) no-repeat;
	background-size: 100% 100%;
}
.change{
	background: url(../images/jup_img/Injup@2x.png) no-repeat;
	background-size: 100% 100%;
}

.gamePeople4{
	-webkit-animation: down 0.5s linear 1 forwards;
	animation: down 0.5s linear 1 forwards;
}
@keyframes down{
	0%{
		bottom: .7rem;
	}
	100%{
		bottom: -2.42rem;
	}
}
@-moz-keyframes down /* Firefox */
{
	0%{
		bottom: .7rem;
	}
	100%{
		bottom: -2.42rem;
	}
}
@-webkit-keyframes down /* Safari and Chrome */
{
	0%{
		bottom: .7rem;
	}
	100%{
		bottom: -2.42rem;
	}
}
@-o-keyframes down /* Opera */
{
	0%{
		bottom: .7rem;
	}
	100%{
		bottom: -2.42rem;
	}
}
.right{
	height: .7rem;
	position:absolute;
	bottom: 3.7rem;
	transition: all 0.5s;
}
.msg-normal {
	display: inline-block;
	width: .6rem;
	height: .7rem;
	background: url("../images/jup_img/msgBg.png") no-repeat;
	background-size: 100%;
	margin: 0 .05rem;
	color: #D7000C;
	text-align: center;
	font: 700 .44rem/.58rem MicrosoftYaHei-Bold;
}
.msg-super {
	display: inline-block;
	width: .6rem;
	height: .7rem;
	background: url("../images/jup_img/superBg.png") no-repeat;
	background-size: 100%;
	margin: 0 .05rem;
	color: #FEFEFE;
	text-align: center;
	font: 700 .44rem/.58rem MicrosoftYaHei-Bold;
}
#gamePeople img,
.right img{
	width: 100%;
}


.btns{
	padding-left: 2.12rem;
}
.rankBtn,
.ruleBtn{
	font-size:.28rem;
	font-family:PingFang-SC-Bold;
	font-weight:bold;
	text-decoration:underline;
	color:rgba(196,54,53,1);
}
.rankBtn{
	margin-right: .6rem;
}
.tNum{
	text-align: center;
	font-size: 0;
}
.maxMileage,
.mPrize,
.nowMileage{
	display: inline-block;
	vertical-align: middle;
	width: 2.74rem;
	height: 1.55rem;
	font-size: 0.4rem;
	color: #ffffff;
	font-weight: 600;
	padding-top: 0.6rem;
	z-index: 5;
}
.maxMileage{
	background: url(../images/jup_img/maxMileage.png) no-repeat;
	background-size: 100% 100%;
	margin-left: 0.54rem;
}
.mPrize{
	background: url(../images/jup_img/mPrize.png) no-repeat;
	background-size: 100% 100%;
}
.nowMileage{
	width: 3.24rem;
	background: url(../images/jup_img/nowMileage.png) no-repeat;
	background-size: 100% 100%;
}
/*.gas{
	position: absolute;
	top: 7.81rem;
	right: 0;
	width: 1.9rem;
	height: 0.88rem;
	background: url(../images/gas.png) no-repeat;
	background-size: 100% 100%;
	z-index: 5;
} */
.startBtn{
	display: block;
	width:3rem;
	height:.88rem;
	background: url(../images/jup_img/star@2x.png) no-repeat;
	background-size: 100% 100%;
	margin: 0.4rem 2.23rem .3rem 2.27rem;
	font-size:.36rem;
	font-family:PingFang-SC-Bold;
	font-weight:bold;
	color:rgba(255,255,255,1);
	line-height:.88rem;
	text-align: center;
}
.result{
	margin-top:.8rem;
}
.result dl{
	overflow: hidden;
	width: 2.6rem;
	margin: 0 auto;
	height: .59rem;
	line-height: .58rem;
	border-bottom: .01rem dashed #3d6800;
}
.result dl dt{
	float: left;
	margin-right: .3rem;
	padding-left: .09rem;
	font-size: .26rem;
	color: #3d6800;
}
.result dl dd{
	overflow: hidden;
	font-size: .26rem;
	color: #284500;
	font-weight: 600;
}
.r_tips{
	margin-top: .2rem;
	font-size: .26rem;
	color: #3d6800;
	text-align: center;
}

.popupBg {
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
	width: 100%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background:rgba(0,0,0,.8);
	z-index: 98;
	max-width: none;
}
.jupGameOn .popup,.jupGameMain .popup{
	display: none;
	position: absolute;
    top: 50%;
	left: 50%;
	transform: none;
	z-index: 98;
	width: 6rem;
	margin-left: -3rem;
	margin-top: -3rem;
	background: url(../images/jup_img/cneterBg.png) repeat;
}

.jupGameMain .popup.failPop,
.popup.successPop{
	background:none;
}
.jupGameOn .popup{
	background: none;
}
.jupGameOn .rankPop{
	background: url(../images/jup_img/cneterBg.png) repeat;
	z-index: 200;
}
.jupGameOn .popup p,.jupGameMain .popup p{
	color: #fff;
}
.picBox{
	display: none;
	position: fixed;
    top: 50%;
	left: 50%;
	/* -webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%); */
	z-index: 99;
	width: 6rem;
	margin-top: -1rem;
	margin-left: -3rem;
}
.picBox img{
	width: 100%;
}
.picBox .closeBtn{
	position: absolute;
	left:50%;
	top: 3.5rem;
	width: 0.5rem;
	height: 0.5rem;
	background: url(../images/jup_img/closeBtn.png) no-repeat;
	background-size: 100% 100%;
	z-index: 101;
}
#wrapper{
	top:0;
}
.title{
	width: 4.94rem;
    height: 1.1rem;
	margin: -0.74rem auto 0;
	font-size: 0.34rem;
	color: #ffffff;
	text-align: center;
	line-height: 0.74rem;
	background: url(../images/jup_img/ruleTitle.png) no-repeat;
	background-size: 100% 100%;
}
.ranks{
	background: url(../images/jup_img/vipTitle.png) no-repeat;
	background-size: 100% 100%;
}
.tBox{
	padding: .6rem 0 .3rem;
	text-align: center;
}
.t_title{
	font-size: 0.34rem;
	color: #0ca4d9;
	margin-bottom: 0.3rem;
}
.t_tips{
	font-size: 0.32rem;
	color: #333333;
	line-height: 0.5rem;
}
.qrCode{
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	margin: 0.2rem auto 0;
}
.loading{
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 99;
	width: 1.24rem;
	height: 1.24rem;
	background: url(../images/jup_img/loading.gif) no-repeat;
	background-size: 100% 100%;
}
.title.faliPic{
	background: url(../images/jup_img/biaoti.png) no-repeat;
	background-size: 100% 100%;
}
.title.successPic{
	background: url(../images/jup_img/title2@2x.png) no-repeat;
	background-size: 100% 100%;
}
.failBox,
.successBox{
	margin: .6rem auto .37rem;
    text-align: center;
    font-size: .32rem;
    font-family: PingFang-SC-Bold;
    color: rgba(255,255,255,1);
    line-height: .48rem;
}
.bottomBtn{
	width:5.5rem;
	margin: 0 auto;
}
.againBtn,
.leaderboardBtn,
.backBtn{
	display: block;
	height: .88rem;
	color: white;
	font-size:.36rem;
	font-family:PingFang-SC-Bold;
	font-weight:bold;
	color:rgba(255,255,255,1);
	text-align: center;
    line-height: .88rem;
}
.againBtn{
	margin-bottom: .3rem;
	background: url(../images/jup_img/btn_again@2x.png) no-repeat;
	background-size: 100% 100%;
}
.leaderboardBtn,
.backBtn{
	display: inline-block;
	width: 2.6rem;
}
.leaderboardBtn{	
	background: url(../images/jup_img/btn_paihang@2x.png) no-repeat;
	background-size: 100% 100%;
}
.backBtn{
	background: url(../images/jup_img/btn_paihang@2x.png) no-repeat;
	background-size: 100% 100%;
}
.return-index{
	float: right;
}
.gameCloseBtn, .closeBtn{
	position: absolute;
	right: -0.1rem;
	top: -1.04rem;
	width: 0.5rem;
	height: 0.5rem;
	background: url(../images/jup_img/closeBtn.png) no-repeat;
	background-size: 100% 100%;
	z-index: 101;
}
.t_title{
	line-height: .74rem;
	line-height: .7rem;
	text-align: center;
	border-bottom: 1px solid #DDD;
	font-size: 0.28rem;
	color: #333;
}
.tipsBar{
	padding: 0.8rem 0.3rem;
}
.tipsBar p{
	text-align: center;
	font-size: 0;
}
.tipsBar p span{
	display: inline-block;
	text-align: left;
	font-size: 0.32rem;
	color: #333333;
	line-height: 0.46rem;
}
.ruleBox{
	max-height: 7rem;
	overflow-y: auto;
	padding: 0 ;
}
.ruleBox h3{
	font-size: 0.32rem;
	color: #0ca4d9;
	line-height: 0.46rem;
	margin-top: 0.2rem;
}
.ruleBox p{
	width: 4.74rem;
	margin: .29rem auto 1.75rem;
	font-size: 0.28rem;
	line-height:1.6;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	text-align: left;
	 color: #333 !important;
	white-space: pre-line;
}
.rank{
	position: relative;
	padding: 0 0.2rem;
	height: 6.66rem;
	overflow: auto;
	margin-bottom: 0.2rem;
}
.rTable table{
	width:100%;
	border: none;
}
.rTable thead tr td{
	width: 33%;
	font-size: .32rem;
	line-height: 1.13rem;
	padding: 0.1rem 0.1rem;
	border: 0;
	font-family:PingFang-SC-Bold;
	font-weight:bold;
	color:rgba(200,56,55,1);
	text-align:center;
}
.rTable tbody tr td{
	padding:5px 18px;
	font-size: .28rem;
	color:rgba(51,51,51,1);
	height: .8rem;
	border: 0;
	padding: 0.1rem 0.1rem;
	text-align:center;
}
.rTable thead tr td:first-child,
.rTable tbody tr td:first-child{
	text-align: center;
}
.tPrize{
	color: #e96530;
}
.tRank01,
.tRank02,
.tRank03{
	display: inline-block;
	width: 0.42rem;
	height: 0.5rem;
}
.tRank01{
	background: url(../images/jup_img/tRank01.png) no-repeat;
	background-size: 100% 100%;
}
.tRank02{
	background: url(../images/jup_img/tRank02.png) no-repeat;
	background-size: 100% 100%;
}
.tRank03{
	background: url(../images/jup_img/tRank03.png) no-repeat;
	background-size: 100% 100%;
}
.tBox .tipsBar{
	padding-top: 0;
	padding-bottom: 0;
}
.ctrl{
	padding: 0.1rem 0 0.3rem;
}
.ctrl ul{
	overflow: hidden;
	padding: 0 0.2rem;
}
.ctrl ul li{
	float: left;
	width: 100%;
	padding: 0.17rem 0.1rem;
}
.ctrl ul li.halfBar{
	width: 50%;
}
.blueBtn,
.whiteBtn{
	display: block;
	width: 100%;
	height: 0.88rem;
	border-radius: 0.44rem;
	text-align: center;
	font-size: 0.4rem;
}
.blueBtn{
	line-height: 0.88rem;
	color: #FFF;
	background: url(../images/jup_img/blueBtn.png) no-repeat;
	background-size: 100% 100%;
}
.whiteBtn{
	line-height: 0.86rem;
	color: #333333;
	background: #FFF;
	border: 0.01rem solid #a0a0a0;
}
.rResult{
	padding: 0.4rem 0 0.1rem 0.8rem;
}
.rResult dl{
	overflow: hidden;
}
.rResult dl dt{
	float: left;
	width: 2.2rem;
	font-size: 0.3rem;
	color: #666666;
	line-height: 0.72rem;
	margin-right: 0.5rem;
}
.rResult dl dd{
	overflow: hidden;
	font-size: 0.34rem;
	color: #0ca4d9;
	line-height: 0.72rem;
}
.task_tips{
	padding: 0 0.6rem;
}
.task_tips p{
	font-size: 0.32rem;
	color: #2d4906;
	line-height: 0.5rem;
}
.taskList{
	padding: 0.5rem 0.25rem;
}
.taskList ul{
	overflow: hidden;
}
.taskList ul li{
	float: left;
	width: 50%;
	text-align: center;
	height: 2.87rem;
}
.taskList ul li a{
	display: block;
	width: 2rem;
	height: 2.1rem;
	margin: 0 auto;
}
.task01{
	background: url(../images/jup_img/taskIcon01.png) no-repeat;
	background-size: 100% 100%;
}
.task02{
	background: url(../images/jup_img/taskIcon02.png) no-repeat;
	background-size: 100% 100%;
}
.task03{
	background: url(../images/jup_img/taskIcon03.png) no-repeat;
	background-size: 100% 100%;
}
.task04{
	background: url(../images/jup_img/taskIcon04.png) no-repeat;
	background-size: 100% 100%;
}
.taskList ul li p{
	font-size: 0.34rem;
	color: #2d4906;
	text-align: center;
	line-height: 0.6rem;
	font-weight: 600;
}
.gameBox,
.green,
.count{
	position: absolute;
	left: 50%;
	width: 100%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.userScore,
.userRank,
.userPrize{
	position: absolute;
	min-width: 2.1rem;
	height: 0.9rem;
	padding: 0.12rem 0.3rem 0 0.3rem;
	background: rgba(0,0,0,.6);
	z-index: 55;
}
.userScore,
.userRank{
	left: 0;
	border-top-right-radius: 0.45rem;
	border-bottom-right-radius: 0.45rem;
}
.userScore{
	top: 0.3rem;
}
.userRank{
	top: 1.4rem;
}
.userPrize{
	top: 1.4rem;
	right: 0;
	text-align: right;
	border-top-left-radius: 0.45rem;
	border-bottom-left-radius: 0.45rem;
}
.userScore h3,
.userRank h3,
.userPrize h3{
	font-size: 0.24rem;
	color: #ffffff;
	opacity: 0.8;
	line-height: 0.28rem;
	margin-bottom: 0.06rem;
}
.userScore p,
.userRank p,
.userPrize p{
	font-size: 0.32rem;
	line-height: 0.36rem;
	color: #ffffff;
	font-weight: 600;
	white-space: nowrap;
}

#time{
	position: fixed;
	box-sizing: border-box;
    top: .46rem;
	right: .8rem;
	width: 1.1rem;
	height: 0.8rem;
    font-size: .6rem;
	color: #60B746;
	background: url('../images/jup_img/timeBg.png');
	background-size: .56rem .8rem;
	text-align: center;
	letter-spacing: .19rem;
	padding-left: .07rem;
}
.explain-how {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: rgba(0,0,0,.8);
	display: none;
}
.explain-layout {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 5.8rem;
	height: 1.6rem;
	margin: auto;
	background: url("../images/jup_img/explain.png") no-repeat;
	background-size: 100%;
	color: #fff;
	font: 400 .25rem/.45rem PingFang-SC-Medium;
	padding: .1rem;
}

.jup-left{
	position: absolute;
	width: 1rem;
	height: 1rem;
	left: 1.6rem;
	bottom: .8rem;
	background: url("../images/jup_img/left.png") no-repeat;
	background-size: 100%;
}
.jup-right{
	position: absolute;
	width: 1rem;
	height: 1rem;
	right: 1.6rem;
	bottom: .8rem;
	background: url("../images/jup_img/right.png") no-repeat;
	background-size: 100%;
}





